page{
	/* background: linear-gradient( 150deg, #EAFDF2 0%, #B9F2CE 100%); */
	background: #1C222D;
}

 .loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .loader .dot {
    width: 16rpx;
    height: 16rpx;
    margin: 0 5px;
    background-color: green;
    border-radius: 50%;
    animation:  colorChange 1.2s infinite;
  }

  .loader .dot:nth-child(2) {
    animation-delay: 0.2s, 0.2s;
  }

  .loader .dot:nth-child(3) {
    animation-delay: 0.4s, 0.4s;
  }


  @keyframes colorChange {
    0%, 100% {
      background-color: #13C648;
    }
    50% {
      background-color: #13C64820;
    }
  }
  .dfdsfxcvxty{
	  background: radial-gradient( 322% 124% at 92% 95%, #455167 0%, #333C4D 100%), #262E3C;
	  border-radius: 54rpx;
	  padding:10rpx 30rpx 6rpx 20rpx;
  }
  .xzcxzretctry{
	  width: 32rpx;
	  height: 28rpx;
  }
  .usdfdtrytycf{
	  width: 44rpx;
	  height: 44rpx;
	  background: #fff;
	  border-radius: 50%;
  }
  .usdfdtrytycf image{
	  width: 100%;
	  height: 100%;
	  border-radius: 50%;
	  
  }
  .dcfxvxvytryy{
	width: 19rpx;
	height: 16rpx;  
  }
  .cxvxcvdftry{
	  width: 80rpx;
	  height: 40rpx;
  }
  .xzcxzcdrt{
	  padding-right: 100rpx;
	  padding-left: 30rpx;
  }
  #app, uni-app, uni-page, uni-page-wrapper{
	  height: auto !important; 
  }
  .xcxcrrtreyy{
	  line-height: 1;
  }
  
  
  .xzxcxzsdtrrec{
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0,0,0,0.8);
	  z-index: 999;
  }
  .zxczvxgrf{
	  width: 100%;
  }
  .dsfxcxvfdgtr{
	  position: relative;
	  bottom: 0rpx;
	  z-index: 9999;
  }
  .zxczxrtrytry{
	  width: 68rpx;
	  height: 68rpx;
  }
  .zxcxzctretry{
	  width: 46rpx;
	  height: 44rpx;
	  position: relative;
	  top: 50rpx;
	  z-index: 999;
  }
  
  .pf{
	  font-family: PingFangSC, PingFang SC;
  }
  .cxcxsertey{
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
  }
  .cxsdfertety{
	 width: 260rpx;
  }
  .xczxcdsrtt{
	  width: 80rpx;
  }
  .xcxcrtrey{
	  height: 30rpx;
	  overflow: hidden;
  }
  .xcxcrtrey image{
	  position: relative;
	  bottom:24rpx;
  }
  
   .spinner {
          width: 44rpx;
          height: 44rpx;
          display: flex;
          align-items: center;
          justify-content: center;
      }
  
      .half-circle-spinner {
          height: 30rpx;
          width: 30rpx;
          border-radius: 100%;
          position: relative;
		  bottom: 0rpx;
      }
  
      .half-circle-spinner .circle {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          border-radius: 100%;
          border: calc(30px / 10) solid transparent;
      }
  
      .half-circle-spinner .circle.circle-1 {
          border-top-color: #14BA6A;
          animation: half-circle-spinner-animation 1s infinite;
      }
  
      .half-circle-spinner .circle.circle-2 {
          border-bottom-color: #14BA6A;
          animation: half-circle-spinner-animation 1s infinite alternate;
      }
  
      @keyframes half-circle-spinner-animation {
          0% {
              transform: rotate(0deg);
  
          }
  
          100% {
              transform: rotate(360deg);
          }
      }
	  
	  
	  @font-face { 
	      font-family: "ycx";
	      src: url("@/static/YeZiGongChangXiaoShiTou-2.ttf");
	  }
	  
	  @font-face {
	      font-family: "ysbhssrt";
	      src: url("@/static/优设标题黑.ttf");
	  }
	  
	  
	  
	  .ycx{
	  
	  
	      font-family: "ycx";
	  }
	  .ysbhssrt{
		    font-family: "ysbhssrt";
	  }
	  
	  .kxzczxcrtecxt{
	  	position: fixed;
	  	left: 0;
	  	top: 0;
	  	width: 100%;
	  	height: 100%;
	  	z-index: 999;
	  	background: rgba(0,0,0,0.5);
	  }
	  .xcxzcvfrt{
	  	width: 590rpx;
	  	height:840rpx;
	  	border-radius: 40rpx;
	  }
	  .cxcxzctrtxrt{
	  	width: 100%;
	  }
	  .dfdczxcvxvty{
	  	position: absolute;
	  	right: 30rpx;
	  	top: 30rpx;
	  	width: 50rpx;
	  	height: 50rpx;
	  	background: rgba(0,0,0,0.5);
	  	z-index: 99;
	  	border-radius: 50%;
	  }
	  .xczxcstrtert {
	  	position: sticky;
	  	top: 0;
	  	z-index: 999;
	  	background: #1C222D;
	  
	  }
	  
	  .fdxcxdfytry {
	  	font-family: PingFangSC, PingFang SC;
	  	font-weight: 400;
	  	font-size: 24rpx;
	  	color: #8495B4;
	  	line-height: 28rpx;
	  	text-align: left;
	  	font-style: normal;
	  	border-radius: 40rpx;
	  	padding: 14rpx 20rpx;
	  	border: 2rpx solid #1C222D;
	  }
	  
	  .fdxcxdfytry.act {
	  	color: #3EFF77;
	  	border-color: #3EFF77;
	  
	  }
	  
	  .mcxzcsdfrtry {
	  	display: grid;
	  	grid-template-columns: repeat(2, 1fr);
	  	grid-template-rows: repeat(1, 1fr);
	  	grid-column-gap: 32rpx;
	  	grid-row-gap: 32rpx
	  }
	  
	  .xczxcrtreyxrt {
	  	width: 100%;
	  	height: 400rpx;
	  	border-radius: 20rpx !important;
	  	overflow: hidden;
	  
	  }
	  
	  .xcxctxdrty {
	  	position: absolute;
	  	left: 0;
	  	top: 0;
	  	width: 100%;
	  	height: 100%;
	  	z-index: 100;
	  }
	  
	  .sdfdcxzcvxy {
	  	background: rgba(255, 255, 255, 0.24);
	  	border-radius: 14px;
	  	border: 1px solid rgba(255, 255, 255, 0.39);
	  	backdrop-filter: blur(10px);
	  }
	  
	  .xcvxcdytyyrtyr {
	  	width: 52rpx;
	  	height: 52rpx;
	  	position: absolute;
	  	right: 20rpx;
	  	top: 20rpx;
	  	/* background: rgba(0,0,0,0.2); */
	  	border-radius: 50%;
	  }
	  
	  
	  scroll-view{
	    overflow: auto;
	    -webkit-overflow-scrolling:touch;
	}
	   
